<template>
  <el-main>
                  <div>
                    <el-form ref="form" :model="form" label-width="100px">
                      <el-form-item label="请输入航班号">
                        <el-row>
                          <el-col :span="40">
                            <el-input
                              style="width: 200%"
                              v-model="form.dfltFlno"
                            ></el-input>
                          </el-col>
                        </el-row>
                        <el-col :span="20">
                          <el-button
                            class="btn1"
                            type="primary"
                            @click="onSubmitFlno"
                            >查询</el-button
                          >
                        </el-col>
                      </el-form-item>
                      <div class="link-top"></div>
                      <el-form-item label="目的地">
                        <el-input
                          style="width: 400px"
                          v-model="form.apcd"
                        ></el-input>
                      </el-form-item>
                      <el-form-item label="航空公司">
                        <el-input
                          style="width: 400px"
                          v-model="form.dfltAwcd"
                        ></el-input>
                      </el-form-item>
<!--                      <el-form-item label="日期">-->
<!--                        <el-select v-model="form.region" placeholder="今天">-->
<!--                          <el-option label="昨天" value="yesterday"></el-option>-->
<!--                          <el-option label="今天" value="today"></el-option>-->
<!--                          <el-option label="明天" value="tomorrow"></el-option>-->
<!--                        </el-select>-->
<!--                      </el-form-item>-->
<!--                      <el-form-item label="计划出发时间">-->
                      <el-form-item label="日期">
                        <el-col :span="13">
                          <el-date-picker
                            type="date"
                            placeholder="选择日期"
                            v-model="form.startDate"
                            style="width: 200px"
                          ></el-date-picker>
                           <el-col :span="1" class="btn2">到</el-col>
                          
                          <el-date-picker
                            type="date"
                            placeholder="选择日期"
                            v-model="form.endDate"
                            style="width: 200px"
                            class="btn3"
                          ></el-date-picker>
                        </el-col>
                      </el-form-item>
                      <el-form-item>
                        <el-button type="primary" @click="onSubmit"
                          >搜索</el-button
                        >
                      </el-form-item>
                    </el-form>
                  </div>
                  <!-- 数据表 -->
                  <el-table
                    ref="singleTable"
                    :data="tableData"
                    highlight-current-row
                    style="width: 100%"
                  >
                    <el-table-column
                      property="dfltCfno"
                      label="飞机号"
                      width="100"
                    >
                    </el-table-column>
                    <el-table-column
                      property="dfltFlno"
                      label="航班号"
                      width="100"
                    >
                    </el-table-column>
                    <el-table-column
                      property="dfltAwcd"
                      label="航空公司"
                      width="100"
                    >
                    </el-table-column>
                    <el-table-column property="apcd" label="航线" width="150">
                    </el-table-column>
                    <el-table-column property="dtime" label="日期" width="200">
                    </el-table-column>
                    <el-table-column
                      property="fptt"
                      label="计划起飞时间"
                      width="220"
                    >
                    </el-table-column>
                    <el-table-column
                      property="fplt"
                      label="预计降落时间"
                      width="220"
                    >
                    </el-table-column>
                  </el-table>
                  <!-- 分页组件 -->
                  <el-pagination
                    background
                    layout="prev, pager, next"
                    :total="count"
                    :current-page="page"
                    :pageCount="pageCount"
                    @current-change="changePage"
                  >
                  </el-pagination>
                </el-main>
            
            
          </div>
        </el-main>
    </template>
    
    <script>
    export default {
      name: "A24012403"
    }
    </script>
    
    <style scoped>
    
    </style>